table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
thead, tbody{margin:0;padding:0;}
th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;}
thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;}
tbody tr.last th,
tbody tr.last td{border-bottom:0;}

table.striped{}
table.striped tr.alt{background:#f5f5f5;}
table.striped thead th{background:#fff;}
table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
table.striped tbody tr.alt th{background:#efefef;}

/* tight */
table.tight{}
table.tight th, .tight td{padding:2px 10px;}

/* sortable */
table.sortable{border:1px solid #ddd;}
table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
table.sortable thead th:hover{background:#efefef;}
table.sortable span.arrow{border-style:solid;border-width:5px;
    display:block;position:absolute;top:50%;right:5px;font-size:0;
    border-color:#ccc transparent transparent transparent;
    line-height:0;height:0;width:0;margin-top:-2px;}
table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}
/*tr:nth-child(even){
    background-color: rgba(45, 213, 255, 0.49);
}*/
/*tr:nth-child(even){
    background-color: rgba(142, 191, 198, 0.49);
}*/
/*tr:nth-child(even){
    background-color: rgba(255, 122, 25, 0.49);
}*/
tr:nth-child(even){
    background-color: rgba(255, 211, 3, 0.49);
}
/*tr:nth-child(even){
    background-color: rgba(169, 0, 255, 0.35);
}*/
/*tr:nth-child(even){
    background-color: rgba(250, 255, 187, 0.49);
}*/

